<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>微说说</title>
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/player.css">
    <link rel="stylesheet" href="/static/css/js.css">
    <style>
        .card {
            margin-top: 1rem;
        }
    </style>
</head>

<body>

    <!-- <div class="tupian" style="position: absolute;height: 100%; width: 100%;z-index: -1;">
        <img src="/img/cea47807d8bf0f37017fd00aea2a7ea8.jpeg" width="100%" height="100%">
    </div> -->
      
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <a class="navbar-brand" href="https://say.lautism.top/login">敦煌莫高窟</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
      
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
          <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
              <a class="nav-link" href="https://talk.blanking.top/">秋天的记忆 <span class="sr-only">(current)</span></a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="#">Link</a>
            </li>
            <li class="nav-item dropdown">
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-expanded="false">
                Dropdown
              </a>
              <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                <a class="dropdown-item" href="#">Action</a>
                <a class="dropdown-item" href="#">Another action</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">Something else here</a>
              </div>
            </li>
            <li class="nav-item">
              <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
            </li>
          </ul>
          <form class="form-inline my-2 my-lg-0">
            <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
          </form>
        </div>
      </nav>
<div>
    <a name="getTOP"></a>
</div>


      <div class="container">
        <div class="row">
            <div class="col-sm"></div>
            <div class="col-sm">
                <div class="card" style="width: 50rem;">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-sm-4 d-flex justify-content-start">
                                <button type="button" class="btn btn-secondary btn-sm" data-toggle="modal"
                                    data-target="#saysomething">发表说说</button>
                            </div>
                            <div class="col-sm-4 d-flex justify-content-center">
                                <p>当前用户：{{username}}</p>
                            </div>
                            <div class="col-sm-4 d-flex justify-content-end"><button type="button"
                                    class="btn btn-secondary btn-sm" onclick="logout()">注销</button>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="col-sm"></div>
        </div>

        <div class="row">
            <div class="col-sm">
            </div>
            <div class="col-sm" id="saysaymsg">
                {% for msg in msgs %}
                <div class="card border-primary shadow" style="width: 50rem;">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-sm-10">{{msg.content}}</div>
                            <div class="col-sm-2"><button type="button" class="btn btn-secondary btn-sm"
                                    data-toggle="modal" data-target="#comment"
                                    onclick="sayComment('{{msg.id}}')">吐槽一下</button>
                            </div>
                        </div>

                    </div>
                    <div class="card-body">
                        <ul class="list-group list-group-flush" id="{{msg.id}}">
                            {% for comment in msg.comments %}
                            <li class="list-group-item">
                                <blockquote class="blockquote mb-0">
                                    <p>{{comment.content}}</p>
                                    <footer class="blockquote-footer">
                                        <cite title="Source Title">{{comment.comUserName}}</cite>&nbsp;&nbsp;对
                                        <cite title="Source Title">{{msg.msgUserName}}</cite>&nbsp;&nbsp;说
                                    </footer>
                                </blockquote>
                            </li>
                            {% endfor %}
                        </ul>

                    </div>
                </div>
                {% endfor %}


            </div>
            <div class="col-sm">
            </div>
        </div>
    </div>


    <!-- 发表说说  -->
    <div class="modal fade" id="saysomething" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">发表说说</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <input type="text" class="form-control" aria-describedby="passwordHelpInline" id="sayMsg">
                            <!-- <small id="passwordHelpInline" class="text-muted">
                            Must be 8-20 characters long.
                          </small> -->
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="saysay()">发表</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 吐槽一下 -->
    <div class="modal fade" id="comment" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <!-- <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">吐槽一下</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div> -->
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <input type="text" class="form-control" aria-describedby="passwordHelpInline"
                                id="commentMsg">
                            <!-- <small id="passwordHelpInline" class="text-muted">
                            Must be 8-20 characters long.
                          </small> -->
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="comment()">吐槽</button>
                </div>
            </div>
        </div>
    </div>
    <a href="#getTOP" name="getTOP" style="float: right;" >置顶<img src="/static/img/14.jpg"></a>
    <div style="margin-top: 20px; text-align: center; align-content: center; align-self:center;">
    <nav aria-label="Page navigation example">
        <ul class="pagination justify-content-end">
          <li class="page-item disabled">
            <a class="page-link" href="#" tabindex="-1" aria-disabled="true">页面跳转</a>
          </li>
          <li class="page-item"><a class="page-link" href="#">1</a></li>
          <li class="page-item"><a class="page-link" href="#">2</a></li>
          <li class="page-item"><a class="page-link" href="#">3</a></li>
          <li class="page-item">
            <a class="page-link" href="#">Next</a>
          </li>
        </ul>
      </nav></div>



   <!-- 悬浮音乐 -->
   <div id="QPlayer">
    <div id="pContent">
        <div id="player">
            <span class="cover"></span>
            <div class="ctrl">
                <div class="musicTag marquee">
                    <strong>Title</strong>
                     <span> - </span>
                    <span class="artist">Artist</span>
                </div>
                <div class="progress">
                    <div class="timer left">0:00</div>
                    <div class="contr">
                        <div class="rewind icon"></div>
                        <div class="playback icon"></div>
                        <div class="fastforward icon"></div>
                    </div>
                    <div class="right">
                        <div class="liebiao icon"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="ssBtn">
                <div class="adf"></div>
        </div>
    </div>
    <ol id="playlist"></ol>
    </div>
    
    

    
    <script>
    
    function bgChange(){
        var lis= $('.lib');
        for(var i=0; i<lis.length; i+=2)
        lis[i].style.background = 'rgba(246, 246, 246, 0.5)';
    }
    window.onload = bgChange;
    </script>
    <script>
        var	playlist = [
    {title:"Gravity",artist:"Jessica",mp3:"http://p2.music.126.net/lkK28FliZQJwQ5r1XAZ-KA==/3285340747760477.mp3",cover:"http://p4.music.126.net/7VJn16zrictuj5kdfW1qHA==/3264450024433083.jpg?param=106x106",},
    {title:"-エンディング- 世界の约束 ~ 人生のメリーゴーランド",artist:"久石譲",mp3:"",cover:"http://p4.music.126.net/KLw_TLTRUe9pClPv4vlEtQ==/936783906865219.jpg?param=106x106",},
    {title:"Luv Letter",artist:"DJ OKAWARI",mp3:"http://p2.music.126.net/hpNIN9n-_GeBCv0jMSIxww==/3172091046155063.mp3",cover:"http://p4.music.126.net/YXY1vPG5rtdV7w_cWDnNWw==/884007348732141.jpg?param=106x106",},
    {title:"Flower Dance",artist:"DJ OKAWARI",mp3:"http://p2.music.126.net/lEtKDG2hAnhw4V2z4dxMpQ==/3086329139187024.mp3",cover:"http://p3.music.126.net/P1ac-TWkFzjDqcvl5_oK7Q==/881808325476577.jpg?param=106x106",},
    {title:"먼저 말해줘 (Farewell)",artist:"金泰妍",mp3:"http://p2.music.126.net/bjngndk8YaiOpID7Fl-EgQ==/3344714372820105.mp3",cover:"http://p3.music.126.net/Oiw-e2oZ_Mj52e4copv7WQ==/3413983604265136.jpg?param=106x106",},
    {title:"마음길",artist:"Jessica",mp3:"http://p2.music.126.net/5GCZvneHLGp-jTOoqzaL-g==/5761440929559203.mp3",cover:"http://p4.music.126.net/EsS7Sriv-Ho4kTV6ecqgIw==/2459607511395665.jpg?param=106x106",},
    {title:"울컥",artist:"Krystal",mp3:"http://p2.music.126.net/8Sd3wLlNvspQJeyYgO1h3Q==/2538772348755620.mp3",cover:"http://p4.music.126.net/HC1ZPOlaooXxNZdsiiOi8A==/6639950720797133.jpg?param=106x106",},
    {title:"SHAKE THE WORLD",artist:"G-Dragon",mp3:"http://p2.music.126.net/bZi5Cnr6ourHHhdxSQo7Ng==/6652045349600169.mp3",cover:"http://p3.music.126.net/O-xfpcLtMByG3gXEOyhf6Q==/1902155116188033.jpg?param=106x106",},
    {title:"잊어버리지마",artist:"Crush",mp3:"http://p2.music.126.net/VmFWlVqD-Aefv-qafGoU2Q==/6631154628890002.mp3",cover:"http://p4.music.126.net/_mSHo891adnUsAyF3Rg7WQ==/6664139977735905.jpg?param=106x106",},
    {title:"들리나요...",artist:"金泰妍",mp3:"http://p2.music.126.net/ggjq7dAKAYieKWAHio8IXQ==/5725157045876751.mp3",cover:"http://p4.music.126.net/2zWUKyXGY5yyd1-aO2DRxA==/569547023192127.jpg?param=106x106",},
    {title:"12월 24일 (D.ear Cover)",artist:"IU",mp3:"http://p2.music.126.net/L_fV92D5ALuJq0VurUaRZw==/7975857348596951.mp3",cover:"http://p3.music.126.net/FjM0XL9lW_H4lZaSMI3HJw==/7697680908005337.jpg?param=106x106",},
    {title:"너랑 나",artist:"IU",mp3:"http://p2.music.126.net/_2i4FVQJ8RpXKs445iz8fg==/1413971964613726.mp3",cover:"http://p3.music.126.net/aJkrJm0p2pW_5rSCxVbDAw==/3275445140711469.jpg?param=106x106",},
    {title:"나의 옛날이야기",artist:"IU",mp3:"http://p2.music.126.net/_VueJD6ndr8BL1J3J60HqQ==/6001134464694369.mp3",cover:"http://p4.music.126.net/vvep8oWbYOhpWchNu4C8qg==/6022025185715205.jpg?param=106x106",},
    {title:"THIS COULD B US",artist:"Prince",mp3:"http://p2.music.126.net/qFPTdQnQ-MdGhkVaq4P7bw==/3335918279103131.mp3",cover:"http://p4.music.126.net/2I1puY4RWneNmVhWLtE-nA==/7735064302586287.jpg?param=106x106",},
    {title:"Bila",artist:"Candy",mp3:"http://p2.music.126.net/iH1HT5Giq9N1lma9A7wHIg==/6041816395113477.mp3",cover:"http://p3.music.126.net/fIv14Wd9nlpmAoUqPGEhAA==/3405187512278988.jpg?param=106x106",},
    {title:"그대라는 한 사람",artist:"Jessica",mp3:"http://p2.music.126.net/N5MyzQh73z5KRqhmQe_WPg==/5675679022587512.mp3",cover:"http://p3.music.126.net/DkVjogF-Ga8_FX0Kf7p7Pw==/2328765627693725.jpg?param=106x106",},
    {title:"그리고 하나",artist:"金泰妍",mp3:"http://p2.music.126.net/F2qApXV5v2g_MpZ2MZdRNA==/2791660022930910.mp3",cover:"http://p3.music.126.net/M8AAx8RvouJiwffq8mJLjw==/2261695418357199.jpg?param=106x106",},
    {title:"만약에",artist:"金泰妍",mp3:"http://p2.music.126.net/_W3MHbGYREJYhooqUCFw0w==/7936274929553895.mp3",cover:"http://p4.music.126.net/3-Xl4UGcpgl2I3YbbC3QFg==/2933497024962579.jpg?param=106x106",},
    {title:"사랑인걸요",artist:"Sunny",mp3:"http://p2.music.126.net/Sivjnm7WQUfWvMp3R5rzkA==/2085773557903270.mp3",cover:"http://p3.music.126.net/XvyFir715vf0xbVpI7L34g==/583840674353190.jpg?param=106x106",},
    {title:"쌍둥이자리 (Gemini)",artist:"金泰妍",mp3:"http://p2.music.126.net/r7vM1JwsKhqqli8faUsivA==/3415083116322530.mp3",cover:"http://p4.music.126.net/Oiw-e2oZ_Mj52e4copv7WQ==/3413983604265136.jpg?param=106x106",},
    {title:"I",artist:"金泰妍",mp3:"http://p2.music.126.net/RQET5JRaaUfnSVW15Qpwhg==/3427177744227312.mp3",cover:"http://p4.music.126.net/Oiw-e2oZ_Mj52e4copv7WQ==/3413983604265136.jpg?param=106x106",},
    {title:"美好的旧时光 (In My Heart)",artist:"G.E.M.邓紫棋",mp3:"",cover:"http://p4.music.126.net/4AlMpHmXuNSBf3Nn6xj2WQ==/2444214348569851.jpg?param=106x106",},
    {title:"저 높은곳에 펼쳐",artist:"YG Family",mp3:"http://p2.music.126.net/exc30s0WC0uSMFCGriIorA==/5632798069157260.mp3",cover:"http://p3.music.126.net/GocfGJGMdvfyPxOoFHZNHg==/526666069716184.jpg?param=106x106",},
    {title:"回电我",artist:"卫兰",mp3:"http://p2.music.126.net/Yu0eLWs57kEuA8DLB-ef5g==/2750978092718675.mp3",cover:"http://p3.music.126.net/gFEst-n0ykOFL3Uf_x-O0Q==/1666859627714552.jpg?param=106x106",},
    {title:"BAD BOY",artist:"BIGBANG",mp3:"http://p2.music.126.net/aeePqXtZZjDyPwSGckGAwQ==/7897792023496393.mp3",cover:"http://p4.music.126.net/DACbuAsZkYFpDFJGhGXTsQ==/5649290743585546.jpg?param=106x106",},
    {title:"你知道我在等你们分手吗?",artist:"卫兰",mp3:"http://p2.music.126.net/LPJgXdWZDN4wpG5ls7Rhvg==/6642149743618917.mp3",cover:"http://p3.music.126.net/kfoJciI85e1e6p4jawa4yQ==/4438728441347732.jpg?param=106x106",},
    {title:"Can't Help Falling in Love",artist:"Elvis Presley",mp3:"http://p2.music.126.net/EyHtAORjTU_H42LKLpjEcg==/2086873069529079.mp3",cover:"http://p3.music.126.net/cSvhoo3M8xDVOA6J5BiBGg==/1728432278863915.jpg?param=106x106",},
    {title:"Mad World",artist:"Adam Lambert",mp3:"http://p2.music.126.net/FlGczNX1KXKfJKGdESpJMQ==/2002210674197433.mp3",cover:"http://p3.music.126.net/Scvgjpqap-i855331pQZxg==/1760318116076551.jpg?param=106x106",},
    {title:"For All Time",artist:"Michael Jackson",mp3:"http://p2.music.126.net/UMIJ9QjSJRbm7NTSUIlA_g==/5648191231957298.mp3",cover:"http://p3.music.126.net/nGFJF1DBUNUSvGHLkub8YQ==/2535473814012575.jpg?param=106x106",},
    {title:"贝加尔湖畔",artist:"李健",mp3:"http://p2.music.126.net/vXnnAZFGZ30g5eCK_ccnUA==/1207263767307060.mp3",cover:"http://p4.music.126.net/aSxiiy01L3Q35IqsaAUgvQ==/100055558133714.jpg?param=106x106",},
    {title:"The Long And Winding Road",artist:"The Beatles",mp3:"http://p2.music.126.net/2ZjEbGJ85XkhL4D2W2jqig==/2008807743950444.mp3",cover:"http://p3.music.126.net/M_Fq_76xXkZI4eeCe7E6xg==/1758119092823101.jpg?param=106x106",},
    {title:"Fix You",artist:"Coldplay",mp3:"http://p2.music.126.net/uicbTn9oi070td-b-K8yAw==/2030797976512403.mp3",cover:"http://p4.music.126.net/-dry4FZ9bwTK4ZxUgy_mZw==/1731730813754588.jpg?param=106x106",},
    {title:"Speed Of Sound",artist:"Coldplay",mp3:"http://p2.music.126.net/XGEBBSDsq8bKKCZz1j-pKA==/2093470139295642.mp3",cover:"http://p4.music.126.net/-dry4FZ9bwTK4ZxUgy_mZw==/1731730813754588.jpg?param=106x106",},
    {title:"Storm",artist:"Perry",mp3:"http://p2.music.126.net/_z-I1TmrKCJxRUaMeSqEdA==/6649846326093096.mp3",cover:"http://p4.music.126.net/gVN81NmJZVrxayKi1bP9QQ==/6627856093537433.jpg?param=106x106",},
    {title:"Watch Me (Whip / Nae Nae)",artist:"Silento",mp3:"http://p2.music.126.net/GDKUQnS0vigzXuuFUPhsXw==/7738362836841506.mp3",cover:"http://p3.music.126.net/zqIbO5mzddeRoGHzAfey5A==/7722969674031059.jpg?param=106x106",},
    {title:"两忘烟水里",artist:"关菊英",mp3:"http://p2.music.126.net/Ret3MJRTBPir09D-tXKiuw==/1155586720801612.mp3",cover:"http://p4.music.126.net/d5ryd0uwq29KWk3bRZ1wsA==/45079976751142.jpg?param=106x106",},
    {title:"怀念着你",artist:"许冠英",mp3:"http://p2.music.126.net/bABQ-2zcKnZt-7e6G3709Q==/1108307720806903.mp3",cover:"http://p3.music.126.net/d5ryd0uwq29KWk3bRZ1wsA==/45079976751142.jpg?param=106x106",},
    {title:"니가 뭔데 (Who You?)",artist:"G-Dragon",mp3:"http://p2.music.126.net/3lXe3mIy_zsUns10IrTH0Q==/3405187514546500.mp3",cover:"http://p3.music.126.net/iYG3tZ2xSKrzf65BaDtEJQ==/7929677860524772.jpg?param=106x106",},
    {title:"Trap Queen",artist:"Fetty Wap",mp3:"http://p2.music.126.net/80BvS6ksXqWtiBzrH44cSw==/7771348185439540.mp3",cover:"http://p4.music.126.net/Nn8kTtc14uWJw_UWbEc5mg==/7909886650478099.jpg?param=106x106",},
    {title:"Can't Feel My Face",artist:"The Weeknd",mp3:"http://p2.music.126.net/3hgLxYkHD6jXf19ptDq8sg==/2933497025034124.mp3",cover:"http://p3.music.126.net/1ODgbpkXF6O5KVholm2FZw==/7952767603909010.jpg?param=106x106",},
    {title:"Sugar",artist:"Maroon 5",mp3:"http://p2.music.126.net/PyGLVH9skbsJofDCrSFMQQ==/1393081240556825.mp3",cover:"http://p4.music.126.net/SwbJDnhHO0DUDWvDXJGAfQ==/6655343883051583.jpg?param=106x106",},
    {title:"A-G-A-I-N",artist:"篠崎愛",mp3:"http://p2.music.126.net/6UuX1yFaRLBB_EHYd3NWeQ==/2927999465678649.mp3",cover:"http://p4.music.126.net/y4jE_gHuX-JOiNm1AjNhjg==/7821925720753715.jpg?param=106x106",},
    {title:"微熱案内人 (Acoustic Piano Version)",artist:"篠崎愛",mp3:"http://p2.music.126.net/L5FN9EVHfGrbXPspxxi64Q==/2942293116835737.mp3",cover:"http://p3.music.126.net/y4jE_gHuX-JOiNm1AjNhjg==/7821925720753715.jpg?param=106x106",},
    {title:"Rainy blue",artist:"篠崎愛",mp3:"http://p2.music.126.net/bJ47RN7Lq-vn9PuY0XpGrg==/2945591651716272.mp3",cover:"http://p3.music.126.net/y4jE_gHuX-JOiNm1AjNhjg==/7821925720753715.jpg?param=106x106",},
    {title:"LOSER",artist:"BIGBANG",mp3:"http://p2.music.126.net/TrhAlAzpmOJeRfZmF1Kk1A==/7957165650487044.mp3",cover:"http://p4.music.126.net/18ZF3M8ZMjeBzuRnnNvBKA==/2889516558887956.jpg?param=106x106",},
    {title:"No Promises",artist:"Shayne Ward",mp3:"http://p2.music.126.net/nzMSn6i8febqE9QWtK6Mlw==/1990116046286526.mp3",cover:"http://p4.music.126.net/qZFNCSJTRy10c1t6T43f7g==/919191720872374.jpg?param=106x106",},
    {title:"Morning",artist:"卫兰",mp3:"http://p2.music.126.net/X1F5OaNuu-2Rg_waRVA0yw==/3212772976369502.mp3",cover:"http://p3.music.126.net/xqwP_U1CVaJWK_WrA7_l5Q==/2248501278845535.jpg?param=106x106",},
    {title:"BLACK -JPN-",artist:"G-Dragon",mp3:"http://p2.music.126.net/9fBn2YT_swcGzjaGzL-U-Q==/5782331650524910.mp3",cover:"http://p4.music.126.net/O-xfpcLtMByG3gXEOyhf6Q==/1902155116188033.jpg?param=106x106",},
    {title:"THAT XX",artist:"G-Dragon",mp3:"http://p2.music.126.net/7JojFEF2HpPes-Ma-yIugA==/3273246122007103.mp3",cover:"http://p3.music.126.net/O-xfpcLtMByG3gXEOyhf6Q==/1902155116188033.jpg?param=106x106",},
    {title:"죽을 만큼 아파서",artist:"MC 梦",mp3:"http://p2.music.126.net/gYFkBWCy2R-D6_1L91c_5Q==/5773535557574782.mp3",cover:"http://p4.music.126.net/sMvNgKL0EwlsomFrT1lOjA==/5796625301757325.jpg?param=106x106",},
    {title:"Butterfly",artist:"G-Dragon",mp3:"http://p2.music.126.net/5-D0ymnq8SrgI7WP_EnBzQ==/3298534892574719.mp3",cover:"http://p4.music.126.net/5BdnSRhKuy8oNa6oH4UHzw==/798245441810786.jpg?param=106x106",},
    {title:"소년이여",artist:"G-Dragon",mp3:"http://p2.music.126.net/zWsJPmHVa70FyoLeL85ByQ==/1364493976508846.mp3",cover:"http://p4.music.126.net/5BdnSRhKuy8oNa6oH4UHzw==/798245441810786.jpg?param=106x106",},
    {title:"BLUE",artist:"BIGBANG",mp3:"http://p2.music.126.net/db2Apbz6ijvxzh26gnToaw==/7998947093790162.mp3",cover:"http://p4.music.126.net/DACbuAsZkYFpDFJGhGXTsQ==/5649290743585546.jpg?param=106x106",},
    {title:"거짓말",artist:"BIGBANG",mp3:"http://p2.music.126.net/gHe4rsAUsWA1PyTsziay0g==/7960464187509860.mp3",cover:"http://p3.music.126.net/AZY9h8NpSotAJqu2aQbTlA==/6653144859773779.jpg?param=106x106",},
    {title:"再度重相逢",artist:"伍佰",mp3:"http://p2.music.126.net/QAthGw9coWJN-OjY9Wx9Kw==/7964862233065975.mp3",cover:"http://p3.music.126.net/1TOMfRL4qxJEqsi9h6qXKQ==/51677046517806.jpg?param=106x106",},
    {title:"TMD我爱你",artist:"李宇春",mp3:"http://p2.music.126.net/8EtdHYZd9GSQzGh3xo4ajw==/3187484209003594.mp3",cover:"http://p3.music.126.net/XMtajjQSdUXXGsFZvkRVgQ==/47279000006723.jpg?param=106x106",},
    {title:"暧昧",artist:"杨丞琳",mp3:"http://p2.music.126.net/-BQcSG5fAqw3tsCGXkDCWQ==/5505254720365750.mp3",cover:"http://p4.music.126.net/Z8jDSXNrj9A31WYkapNMuQ==/3180887139235475.jpg?param=106x106",},
    {title:"笔记",artist:"周笔畅",mp3:"http://p2.music.126.net/jYl58Zsu1viU-d-RhSB37w==/2011006767211601.mp3",cover:"http://p3.music.126.net/9WvlVAqDesQshpIuZ_Knew==/112150186046307.jpg?param=106x106",},
    {title:"Love me tender",artist:"Elvis Presley",mp3:"http://p2.music.126.net/yYTgjVEazc1doKKaC24X5w==/1345802232434941.mp3",cover:"http://p4.music.126.net/S3bqyf6bjoJzo7gyfIYTFQ==/5757042883120439.jpg?param=106x106",},
    {title:"沉默是金",artist:"张国荣",mp3:"http://p2.music.126.net/VkRVLNB6_EirMRQQ2haM2Q==/1032441418489686.mp3",cover:"http://p3.music.126.net/cmvsHFnVKXO409hZdrbacA==/102254581395221.jpg?param=106x106",},
    {title:"风继续吹",artist:"张国荣",mp3:"http://p2.music.126.net/uLdeqTZsAdxRSW08wnM9gw==/7949469070463566.mp3",cover:"http://p4.music.126.net/5BhQJrnd5LsP78XSJI8q4Q==/2306775395096470.jpg?param=106x106",},
    {title:"追",artist:"张国荣",mp3:"http://p2.music.126.net/-QRwWG0o2lL6xm60vlbOmw==/2797157581107175.mp3",cover:"http://p3.music.126.net/UI_5fJZa9AHRfJ1AywjSog==/78065325577772.jpg?param=106x106",},
    {title:"左右手",artist:"张国荣",mp3:"http://p2.music.126.net/QkoQxYfzsNw3bQpLo_CcZQ==/1083018953367577.mp3",cover:"http://p4.music.126.net/ZSWk8X3Xx9I3QhKmRKf7kA==/120946279070247.jpg?param=106x106",},
    {title:"我",artist:"张国荣",mp3:"http://p2.music.126.net/YrLqugQC1onbTHHW0dad-w==/1119302837084065.mp3",cover:"http://p3.music.126.net/Sbhanu6TSPEOq655lj34Gg==/98956046505532.jpg?param=106x106",},
    {title:"追族",artist:"张国荣",mp3:"http://p2.music.126.net/0AU3bhIp2mSMY0uRWCeb6Q==/7971459303146759.mp3",cover:"http://p3.music.126.net/1odRfg3HXWmYw02EMXKRKQ==/116548232557498.jpg?param=106x106",},
    {title:"平凡之路",artist:"朴树",mp3:"http://p2.music.126.net/at0wmUoxoCMqDJbJt1QFeQ==/5935163767130356.mp3",cover:"http://p4.music.126.net/F2fqWwTTT2DAOKPQKQ-G0A==/5892282813545901.jpg?param=106x106",},
    {title:"Uptown Funk",artist:"Mark Ronson",mp3:"http://p2.music.126.net/ru4rRgSHFFixWfQZVtPSMQ==/3249056861081712.mp3",cover:"http://p4.music.126.net/G2nCsXpMc81lcUY-pOHr9Q==/2528876745541310.jpg?param=106x106",},
    ];
      var isRotate = true;
      var autoplay = true;
    </script>

<script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/jquery.marquee.min.js"></script>


    <script src="/static/js/jquery-3.6.0.min.js"></script>
    <script src="/static/js/player.js"></script>
    <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script>
        function logout(){
            axios({
                    method: 'post',
                    url: '/logout'
                }).then(function (response) {
                    // axios工具下，服务器真正返回的数据在返回对象的data中
                    let res=response.data;
                    if(res.code===200){
                        window.location.href='/';
                    }
                }).catch((err) => {
                    console.log("没有200");
                });
        }
        // 保存当前说说的id
        let currentMsgId = '';
        function sayComment(msgId) {
            currentMsgId = msgId;
        }
        // 发表说说
        function saysay() {
            axios({
                method: 'post',
                url: '/say',
                data: {
                    sayMsg: $('#sayMsg').val()
                }
            }).then(function (response) {
                // axios工具下，服务器真正返回的数据在返回对象的data中
                let res = response.data;
                if (res.code === 200) {
                    // 根据服务返回的信息，拿到说说的信息，借助模板引擎，渲染这一段dom
                    let data = JSON.parse(res.data);
                    let html = `
                    <div class="card border-primary shadow" style="width: 50rem;">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-sm-10">${data.content}</div>
                            // <div class="col-sm-2"><button type="button" class="btn btn-secondary btn-sm"
                            //         data-toggle="modal" data-target="#comment" onclick="sayComment(${data.id})">吐槽一下</button>
                            // </div>
                        </div>

                    </div>
                    <div class="card-body">
                        <ul class="list-group list-group-flush" id="${data.id}">
                        </ul>

                    </div>
                 </div>
                 `
                 // 将渲染好的这段dom，插入到指定id节点的内部最前面
                 $("#saysaymsg").prepend(html);

                    // window.location.href = '/login';
                }
            }).catch((err) => {

            });
        }
        // // 吐槽一下
        // function comment() {
        //     axios({
        //         method: 'post',
        //         url: '/comment',
        //         data: {
        //             commentMsg: $('#commentMsg').val(),
        //             msgId: currentMsgId
        //         },
        //     }).then(function (response) {
        //         // axios工具下，服务器真正返回的数据在返回对象的data中
        //         let res = response.data;
        //         if (res.code === 200) {
        //             // 获得评论信息，渲染指定的dom片段
        //             let data = res.data;
        //             let html = `
        //             <li class="list-group-item">
        //                 <blockquote class="blockquote mb-0">
        //                     <p>${data.content}</p>
        //                     <footer class="blockquote-footer">
        //                         <cite title="Source Title">${data.fromUserName}</cite>&nbsp;&nbsp;对
        //                         <cite title="Source Title">${data.toUserName}</cite>&nbsp;&nbsp;说
        //                     </footer>
        //                 </blockquote>
        //             </li>
        //             `;

        //             // 将渲染好的dom片段，插入到指定id节点的最后面
        //             $("#" + data.msgId).append(html);
        //         }else{
        //             console.log('2000判断不通过');
        //         }
        //     }).catch((err) => {
        //         console.log(err);
        //     });
        // }
    </script>
   
        


</body>

</html>